
<div class="form-group pull-left form-span " (click)="openSearch()" style="line-height: 30px;margin-right: 5px;margin-bottom: 0px;">
  <a href="javascript:;" class="animate-time opensearcha">{{opensearchtitle}}</a>
  <img class="animate-time" [ngClass]="{ 'down': opensearch , 'up': !opensearch}" height="20px" width="20px" src="assets/indexing/zk.png">
</div>
<div class="input-group pull-left search-width ">
  <input type="text" class="form-control search-input" placeholder="请输入用户名,昵称,邮箱搜索" [(ngModel)]="srarchData.queryCriteria" (input)="changesearch()" (keyup.enter)="changesearch()">
  <button class="btn btn-search btn-blue" (click)="search()"mat-button>查询</button>
</div>


<div class="sers management-sers animate-time" *ngIf="srarchData" [ngClass]="{ 'opens': opensearch , 'closes': !opensearch}">
  <div class="form-group pull-left form-span col-sm-6">
    <span class="pull-left form-span">注册时间：</span>
    <input type="text" name="startCreateTime" style="width: calc((100% - 94px)/2);" class="pull-left form-control fill" autocomplete="off" #dp="bsDatepicker"  placeholder="请选择注册时间" bsDatepicker [(ngModel)]="srarchData.startCreateTime"(input)="changesearch()"  [bsConfig]="{ dateInputFormat: 'YYYY-MM-DD'}" >
    <span class="pull-left form-span form-span-30" style="padding: 0px 5px;">到</span>
    <input type="text" name="endCreateTime" style="width: calc((100% - 94px)/2);" class="pull-left form-control fillt " autocomplete="off" #dp="bsDatepicker"  placeholder="请选择结束时间" bsDatepicker [(ngModel)]="srarchData.endCreateTime" (input)="changesearch()"  [bsConfig]="{ dateInputFormat: 'YYYY-MM-DD'}">
  </div>
  <div class="form-group pull-left form-span col-sm-6" style="padding-left:15px;">
    <span class="pull-left form-span">最后登录时间：</span>
    <input type="text" name="startLoginTime" style="width: calc((100% - 122px)/2);" class="pull-left form-control fill" autocomplete="off" #dp="bsDatepicker"  placeholder="请选择最后登录时间" bsDatepicker [(ngModel)]="srarchData.startLoginTime"(input)="changesearch()"  [bsConfig]="{ dateInputFormat: 'YYYY-MM-DD'}">
    <span class="pull-left form-span form-span-30" style="padding: 0px 5px;">到</span>
    <input type="text" name="endLoginTime" style="width: calc((100% - 122px)/2);" class="pull-left form-control fillt" autocomplete="off" #dp="bsDatepicker"  placeholder="请选择结束时间" bsDatepicker [(ngModel)]="srarchData.endLoginTime" (input)="changesearch()"  [bsConfig]="{ dateInputFormat: 'YYYY-MM-DD'}">
  </div>
</div>